body {  
    margin: 0;  
    background-color: red; /* 设置页面背景为红色 */  
}  

.header {  
    display: flex;  
    align-items: center;  
    justify-content:center;  
    padding: 20px;  
}  

.logo-container {  
    display: flex;  
    align-items: center;  
}  

.logo {  
    width: 100px; /* 根据需要调整logo大小 */  
    height: auto;  
    margin-right: 20px; 
    
}  

.title {  
    font-size: 36px; /* 修改字体大小 */  
    font-family: 'Microsoft YaHei', sans-serif; /* 字体样式 */  
    color: yellow; /* 字体颜色 */  
}  
 /* 修改超链接字体及大小 */  
 .link {  
    font-size: 18px; /* 设置字体大小 */  
    color: #007BFF; /* 设置字体颜色 */  
    text-decoration: none; /* 去掉下划线 */  
}  

.link:hover {  
    text-decoration: underline; /* 鼠标悬停时添加下划线 */  
}  
.footer {  
    text-align: center; /* 内容居中 */  
    padding: 2px; /* 内边距 */  
    background-color: #fe0202; /* 背景颜色 */  
    position: absolute; /* 位置相对 */  
    bottom: 0; /* 底部对齐 */  
    width: 100%; /* 宽度100% */  
    font-size: 14px; /* 字体大小 */  
    color: #f9f8f8; /* 字体颜色 */  
}  